import React from "react";
import logo from '../../../images/logo.png';
import frame from "../../../style/frame.less";

class ForgetPassword extends React.Component{
    constructor(props) {
        super(props);
    }

    componentDidMount() {

    }

    render(){
        return(
            <div className={frame.registerContentCld}>
                <div style={{height: '10vh'}}></div>
                <div style={{width: '368px', margin: 'auto'}}>
                    <div className={frame.title}>
                        <a href='/'>
                            <img src={logo} alt="logo" />
                            <span className={frame.fontRegister}>魏驰云</span>
                        </a>
                    </div>
                    <div className={frame.intro}>
                        为企业级用户&nbsp;|&nbsp;个人消费者用户助力
                    </div>
                    <div className={frame.resPwd}>
                        重置密码
                    </div>
                    <from className={frame.resPwdFrom}>
                        <div className={frame.resPwdFromI1}>
                            <input placeholder="邮箱" type='text' id='email'></input>
                        </div>
                        <div className={frame.resPwdFromI1}>
                            <input placeholder="至少6位密码，区分大小写" type='password' id='password'></input>
                        </div>
                        <div className={frame.resPwdFromI1}>
                            <input placeholder="确认密码" type='password'></input>
                        </div>
                        <div className={frame.resPwdFromI2}>
                            <input placeholder="验证码" type='text'></input>
                            <button>获取验证码</button>
                        </div>
                        <div className={frame.resPwdFromI3}>
                            <a href="">收不到邮件？</a>
                        </div>
                        <div className={frame.resPwdFromI4}>
                            <button>重置</button>
                            <a href="/login">返回登陆</a>
                        </div>
                        
                    </from>
                    <div style={{height: '100px'}}></div>
                </div>
            </div>
        );
    }
}
export default ForgetPassword;
